<html>

<head>
  <title>TEST</title>
  <script src="https://cdn.jsdelivr.net/npm/vue"></script>
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
  <script src="./js/csrf.js"></script>
  <link rel="stylesheet" href="./css/footer.css" />
  <link rel="stylesheet" href="./css/mytest.css" />
</head>

<body>

  <div class="container">
    <div class="index-header">
        <span><a href="index.html" class="icon" style="text-decoration: none;color: #f9f9f9;">SHAKESPEARE</a></span>
    <ul class="nav-link-group">
      <li>
        <a href="find.html">PROJECT
          <br>学习项目</a>
      </li>
      <li>
        <a href="guide.html">GUIDE
          <br>医院导览</a>
      </li>
      <li>
        <a href="mytest.html">TEST
          <br>在线测试</a>
      </li>
      <li>
        <a href="#">CONTACT
          <br>联系我们</a>
      </li>
    </ul>
    <div class="login-block" id="login-block">
      <a href="./login.html?redirect=mytest.html" v-if="user_id === null || user_id === '' || user_id === undefined">登录</a>
      <a href="./register.html" v-if="user_id === null || user_id === '' || user_id === undefined">
          注册</a>
      <div v-else style="color:#f9f9f9">欢迎，{{email}}
        <a href="#" v-on:click="logout">登出</a>
      </div>
    </div>
  </div>
  </div>

  <div id="mytest">
    <div class="bg-grey">
      <div class="room-name">
        我的考试
      </div>
      <div class="paragraph" style="text-align: center">
        <ul class="mylist">
          <li v-for="test in tests">
            <h3>{{test.name}}</h3>
            <p>开始时间: {{test.beginTime}}</p>
            <p>结束时间: {{test.endTime}}</p>
            <p>总分: {{test.totalScore}}</p>
            <p>得分: {{test.status}}</p>
            <a class="act-but submit" style="color: #FFFFFF" v-bind:href="getUrl(test.name, test.id)" v-if="test.status === '待完成'">进入考试</a>
            <p v-else>您已完成该考试</p>
          </li>
        </ul>
      </div>
    </div>

  </div>
  <div class="tail">
    <div class="tail_left">
      <div class="tail_left_l">
        <div class="circle_1"></div>
        <div class="text_1">
          <p>SHAKESPEAR</p>
        </div>
      </div>

      <div class="tail_left_r">
        <div class="text_2">
          <p>StraBe 12
            <br>12345 Irgendwo,Deutschland
            <br>
            <br>hallo@website.de</p>
        </div>
      </div>
    </div>

    <div class="tail_right">
      <div class="photo1">
        <img src="./img/tail1.png" />
      </div>
      <div class="photo2">
        <img src="./img/tail2.png" />
      </div>
      <div class="photo3">
        <img src="./img/tail3.png" />
      </div>

      <div class="text_3">
        <p>@2016 Shasta.Slle Rechte vorbehalten</p>

      </div>
    </div>

    <script src="./js/mytest.js"></script>
    <script src="./js/loginblock.js"></script>
</body>

</html>